<script>
import gallery from 'COM/gallery.vue'
export default {
  components: {gallery},
  data() {
    return {
      count: 0
    }
  }
}
</script>

<template>
  <gallery>
    <div> <img src="http://iph.href.lu/300x300?text=1" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=2" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=3" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <div> <img src="http://iph.href.lu/300x300?text=4" alt=""> </div>
    <template v-slot:log>
      <p class="log-1">log 1</p>
      <p class="log-2">log 2</p>
      <p class="log-3">log 3</p>
      <p class="log-4">log 4</p>
    </template>
  </gallery>
</template>

<style scoped>
button {
  font-weight: bold;
}
</style>
